import 'react-native-gesture-handler';
import React, {Fragment} from 'react';
import {
  SafeAreaView,
  StyleSheet,
  ScrollView,
  View,
  Text,
  StatusBar,Image
} from 'react-native';

import { createAppContainer } from 'react-navigation';
import { createBottomTabNavigator } from 'react-navigation-tabs';3
class HomeScreen extends React.Component {
  
  render() {
    
 
    return (
      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
        <Text>Home Screen</Text>
        <Button
          title="Go to Details"
          onPress={() => {
            this.props.navigation.navigate('Details')
          }
        }
        />
      </View>
    );
  }
}
const  Aa = createBottomTabNavigator({
  Home:{
    screen:HomeScreen
  }
})

export default createAppContainer(Aa);